<!DOCTYPE html>
<html>
  <head>
    <title>404</title>
    <meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="shortcut icon" href="/_shared/favicon.gif" type="image/x-icon">
    <style>
      body {
        background-color: #000;
        color: #D6D2B3;
        font-family: 'MS Gothic', sans-serif;
        font-size: 16px;
        margin: auto;
        max-width: 400px;
      }
      a {
        color: #FE8F1A;
        font-weight: bold;
        text-decoration: none;
      }
      img {max-width: 100%;}
      .center {text-align: center;}
    </style>
  </head>
  <body>
	<p class="center"><a href="/"><img src="_shared/butterflies.jpg"></a></p>
    <p class="center">Page inconnue.</p>
    <p>I change my folder structure a lot, so you may be looking for:</p>
    <p>
        - <a href="/vocaloid/index.html">Vocaloid fan page</a>
        <br>- <a href="/jerma/index.html">Jerma fan page</a>
    </p>
    <p>Or you can just go to <a href="/main.html">the main page</a>.</p>
  </body>
</html>